.badge {
	position: relative;

	&.hidden::after {
		display: none;
	}

	&::after {
		position: absolute;
		top: -0.75em;
		right: -1em;
		line-height: 1.4;
		color: var(--color-bg-1);
		background: var(--color-error);
		font-size: var(--text-sm);
		border-radius: 0.7em;
		min-width: 1.4em;
		text-align: center;
		padding: 0 0.3em;
		content: attr(data-count);
	}
}
